User Interface for Displaying a Gallery of Formatting Options

ABSTRACT

An improved user interface is provided for displaying a gallery of images showing different formatting options combinations that may be applied to a selected object. When a particular image is selected an associated formatting options combination is automatically applied to the selected object.

RELATED APPLICATIONS

This application is a Continuation of co-pending U.S. application Ser.No. 10/955,942 entitled “User Interface for Displaying a Gallery ofFormatting Options Applicable to a Selected Object” filed Sep. 30, 2004,which is incorporated herein by reference, which claims the benefitunder provisions of 35 U.S.C. §119(e) of U.S. Provisional ApplicationNo. 60/601,815, filed Aug. 16, 2004, entitled “Improved User Interfacesfor Computer Software Applications” (Attorney Docket No.60001.0407USP1/309417.1), which is also incorporated herein byreference.

FIELD OF THE INVENTION

The present invention generally relates to software application userinterfaces. More particularly, the present invention relates to animproved user interface for displaying a gallery of images illustratingdifferent formatting options applicable to a selected object.

BACKGROUND OF THE INVENTION

With the advent of the computer age, computer and software users havegrown accustomed to user-friendly software applications that help themwrite, calculate, organize, prepare presentations, send and receiveelectronic mail, make music, and the like. For example, modernelectronic word processing applications allow users to prepare a varietyof useful documents. Modern spreadsheet applications allow users toenter, manipulate, and organize data. Modern electronic slidepresentation applications allow users to create a variety of slidepresentations containing text, pictures, data or other useful objects.

To assist users to locate and utilize functionality of a given softwareapplication, a user interface containing a plurality of genericfunctionality controls is typically provided along an upper, lower orside edge of a displayed workspace in which the user may enter, copy,manipulate and format text or data. Such functionality controls ofteninclude selectable buttons with such names as “file,” “edit,” “view,”“insert,” “format,” and the like. Typically, selection of one of thesetop-level functionality buttons, for example “format,” causes adrop-down menu to be deployed to expose one or more selectablefunctionality controls associated with the top-level functionality, forexample “font” under a top-level functionality of “format.”

Modern software applications allow users to apply a seemingly infinitenumber of formatting options combinations to a given document or object.For example, a text document may have many fonts, text sizes, headingformats, display/print settings, and the like. For another example, apicture object may be shaded, rotated, colored, resized, cropped,stylized, and the like. A typical user often has difficulty visualizingpossible formatting options combinations, and even if the user canvisualize an interesting and desirable formatting options combination,the user may lack the skill to select appropriate individual formattingoptions to create the desired format.

Accordingly, there is a need in the art for an improved user interfacefor displaying a gallery of images showing different formatting optionscombinations that may be applied to a selected object which whenselected by a user cause the automatic application of a selectedformatting options combination to a selected object. It is with respectto these and other considerations that the present invention has beenmade.

SUMMARY OF THE INVENTION

Embodiments of the present invention solve the above and other problemsby providing an improved user interface for displaying a gallery ofimages showing different formatting options combinations that may beapplied to a selected object which when selected by a user may cause theautomatic application of an associated formatting options combination tothe selected object.

According to one aspect of the invention, sets of commands may becombined and may be associated with each image so that application of agiven formatting options combination may be made to a selected orinserted object by selecting the associated image. According to anotheraspect of the invention, a preview of the application of a givenformatting options combination to a selected object may be provided uponmouse-over or other focus on an image illustrating formatting accordingto the given formatting options combination. According to this aspect,once the focus or mouse-over is ceased, the formatting of the selectedobject returns to the original state.

According to another aspect of the invention, methods and systemsprovide a user interface in which is displayed a gallery of formattingcontrols where each formatting control illustrates a distinct formattingoptions combination that may be applied to a selected object. Uponreceiving an indication of the selection of an object for formatting viaa software application, the user interface is provided containing one ormore formatting controls. A visual representation of the selected objectfor each of the one or more formatting controls is illustrated showinghow the selected object will be formatted if the formatting attributesassociated with each of the one or more formatting controls are appliedto the selected object. Upon receiving an indication of a selection ofone of the one or more formatting controls, formatting attributesassociated with the selected formatting control are automaticallyapplied to the selected object. According to another aspect, uponreceiving an indication of focusing on a given one of the one or moreformatting controls, the one or more formatting attributes associatedwith the focused-on formatting control may be dynamically applied to theselected object to show how the selected object will be formatted if theone or more formatting attributes associated with the focused-onformatting control are applied to the selected object.

These and other features and advantages, which characterize the presentinvention, will be apparent from a reading of the following detaileddescription and a review of the associated drawings. It is to beunderstood that both the foregoing general description and the followingdetailed description are exemplary and explanatory only and are notrestrictive of the invention as claimed.

BRIEF DESCRIPTION OF THE DRAWINGS

FIG. 1 is a block diagram showing the architecture of a personalcomputer that provides an illustrative operating environment forembodiments of the present invention.

FIG. 2 is an illustration of a computer screen display showing aribbon-shaped user interface for displaying task-based top-levelfunctionality tabs and for displaying a plurality of functionalitiesavailable under a selected top-level functionality tab.

FIG. 3 illustrates a computer screen display showing a ribbon-shapeduser interface for providing a gallery of images illustrating theapplication of one or more formatting options combinations to a selectedobject.

FIG. 4 illustrates a computer screen display showing a ribbon-shapeduser interface for providing a gallery of images showing the applicationof one or more formatting options combinations to a selected object.

FIG. 5 illustrates a computer screen display showing a drop-down galleryof images showing the application of one or more formatting optionscombinations to a selected object.

FIG. 6 is a computer screen display illustrating components of adrop-down gallery of images showing the application of one or moreformatting options combinations to a selected object.

FIG. 7 illustrates the components of an expanded drop-down gallery ofimages illustrating the application of one or more formatting optionscombinations to a selected object.

FIG. 8 illustrates a computer screen display of a drop-down menu ofimages illustrating application of one or more formatting optionscombinations to a selected object.

FIG. 9 is a computer screen display illustrating components of adrop-down menu of images illustrating application of one or moreformatting options combinations to a selected object.

FIG. 10 illustrates a computer screen display showing the hosting of aplurality of formatting types where each type is associated with agallery of images illustrating the application of one or more formattingoptions combinations to a selected object.

FIG. 11 illustrates a gallery of images illustrating the application ofone or more formatting options combinations to a selected object hostedin a modal dialog box.

FIG. 12 is a computer screen display illustrating a drop-down menu of aplurality of images where each image illustrates the application of agiven formatting options combination to a selected object.

DETAILED DESCRIPTION

As briefly described above, embodiments of the present invention aredirected to an improved user interface for displaying a gallery ofimages showing different formatting options combinations that may beapplied to a selected object. According to embodiments of the presentinvention, all commands necessary for applying a given formattingoptions combination as represented by a displayed image may be executedby selecting the image. Selecting a displayed image from the gallery ofimages causes the formatting options combination to be automaticallyapplied to the selected object. According to other embodiments of thepresent invention, focusing on or mousing-over a displayed image maycause a dynamic application of the formatting options combinationassociated with the focused-on image to a selected object to show a userhow the selected object will be displayed if the formatting optionscombination associated with the focused-on image is actually selectedfor application to the selected object.

In the following detailed description, references are made to theaccompanying drawings that form a part hereof, and in which are shown byway of illustrations specific embodiments or examples. These embodimentsmay be combined, other embodiments may be utilized, and structuralchanges may be made without departing from the spirit or scope of thepresent invention. The following detailed description is therefore notto be taken in a limiting sense and the scope of the present inventionis defined by the appended claims and their equivalents.

Referring now to the drawings, in which like numerals represent likeelements through the several figures, aspects of the present inventionand the exemplary operating environment will be described. FIG. 1 andthe following discussion are intended to provide a brief, generaldescription of a suitable computing environment in which the inventionmay be implemented. While the invention will be described in the generalcontext of program modules that execute in conjunction with anapplication program that runs on an operating system on a personalcomputer, those skilled in the art will recognize that the invention mayalso be implemented in combination with other program modules.

Generally, program modules include routines, programs, components, datastructures, and other types of structures that perform particular tasksor implement particular abstract data types. Moreover, those skilled inthe art will appreciate that the invention may be practiced with othercomputer system configurations, including hand-held devices,multiprocessor systems, microprocessor-based or programmable consumerelectronics, minicomputers, mainframe computers, and the like. Theinvention may also be practiced in distributed computing environmentswhere tasks are performed by remote processing devices that are linkedthrough a communications network. In a distributed computingenvironment, program modules may be located in both local and remotememory storage devices

Turning now to FIG. 1, an illustrative computer architecture for apersonal computer 2 for practicing the various embodiments of theinvention will be described. The computer architecture shown in FIG. 1illustrates a conventional personal computer, including a centralprocessing unit 4 (“CPU”), a system memory 6, including a random accessmemory 8 (“RAM”) and a read-only memory (“ROM”) 10, and a system bus 12that couples the memory to the CPU 4. A basic input/output systemcontaining the basic routines that help to transfer information betweenelements within the computer, such as during startup, is stored in theROM 10. The personal computer 2 further includes a mass storage device14 for storing an operating system 16, application programs, such as theapplication program 105, and data.

The mass storage device 14 is connected to the CPU 4 through a massstorage controller (not shown) connected to the bus 12. The mass storagedevice 14 and its associated computer-readable media, providenon-volatile storage for the personal computer 2. Although thedescription of computer-readable media contained herein refers to a massstorage device, such as a hard disk or CD-ROM drive, it should beappreciated by those skilled in the art that computer-readable media canbe any available media that can be accessed by the personal computer 2.

By way of example, and not limitation, computer-readable media maycomprise computer storage media and communication media. Computerstorage media includes volatile and non-volatile, removable andnon-removable media implemented in any method or technology for storageof information such as computer-readable instructions, data structures,program modules or other data. Computer storage media includes, but isnot limited to, RAM, ROM, EPROM, EEPROM, flash memory or other solidstate memory technology, CD-ROM, DVD, or other optical storage, magneticcassettes, magnetic tape, magnetic disk storage or other magneticstorage devices, or any other medium which can be used to store thedesired information and which can be accessed by the computer.

According to various embodiments of the invention, the personal computer2 may operate in a networked environment using logical connections toremote computers through a TCP/IP network 18, such as the Internet. Thepersonal computer 2 may connect to the TCP/IP network 18 through anetwork interface unit 20 connected to the bus 12. It should beappreciated that the network interface unit 20 may also be utilized toconnect to other types of networks and remote computer systems. Thepersonal computer 2 may also include an input/output controller 22 forreceiving and processing input from a number of devices, including akeyboard or mouse (not shown). Similarly, an input/output controller 22may provide output to a display screen, a printer, or other type ofoutput device.

As mentioned briefly above, a number of program modules and data filesmay be stored in the mass storage device 14 and RAM 8 of the personalcomputer 2, including an operating system 16 suitable for controllingthe operation of a networked personal computer, such as the WINDOWSoperating systems from Microsoft Corporation of Redmond, Wash. The massstorage device 14 and RAM 8 may also store one or more applicationprograms. In particular, the mass storage device 14 and RAM 8 may storean application program 105 for providing a variety of functionalities toa user. For instance, the application program 105 may comprise manytypes of programs such as a word processing application, a spreadsheetapplication, a desktop publishing application, and the like. Accordingto an embodiment of the present invention, the application program 105comprises a multiple functionality software application for providingword processing functionality, slide presentation functionality,spreadsheet functionality, database functionality and the like. Some ofthe individual program modules that may comprise the multiplefunctionality application 105 include a word processing application 125,a slide presentation application 135, a spreadsheet application 140 anda database application 145. For purposes of illustration, theapplications 125, 135, 140, 145 are shown as separate modules in FIG. 1,but, as should be understood, each of these applications may be modulesof the multiple functionality application 105. An example of such amultiple functionality application 105 is OFFICE manufactured byMicrosoft Corporation. Other software applications illustrated in FIG. 1include an electronic mail application 130.

FIG. 2 is an illustration of a computer screen display showing aribbon-shaped user interface for displaying task-based top-levelfunctionality tabs and for displaying a plurality of functionalitiesavailable under a selected top-level functionality tab. As brieflydescribed above, the improved user interface of the present inventionincludes a ribbon-shaped user interface for displaying selectablecontrols associated with task-based functionality available under agiven software application, such as the software application 105illustrated in FIG. 1. A first section 210 of the user interface 200includes generic selectable controls for functionality not associatedwith a particular task, such as word processing versus spreadsheet dataanalysis. For example, the section 210 includes selectable controls forgeneral file commands such as “file open,” “file save” and “print.”According to one embodiment of the present invention, the selectablecontrols included in the first section 210 are controls that may beutilized by a variety of software applications comprising a multiplefunctionality application 105. That is, the selectable controls includedin the first section 210 may be controls that are generally found andused across a number of different software applications.

Selectable controls included in the first section 210 may be utilizedfor all such applications comprising such a multiple functionalityapplication, but other selectable controls presented in the userinterface 200 described below, may be tailored to particular tasks whichmay be performed by particular software applications comprising themultiple functionality application. On the other hand, it should beappreciated that the user interface 200 described herein may be utilizedfor a single software application such as a word processing application125, a slide presentation application 135, a spreadsheet application140, a database application 145, or any other software application whichmay utilize a user interface for allowing users to apply functionalityof the associated application.

Referring still to FIG. 2, adjacent to the first section 210 of the userinterface 200 is a task-based tab section. The tab section includesselectable tabs associated with task-based functionality provided by agiven software application. For purposes of example, the task-based tabsillustrated in FIG. 2 are associated with tasks that may be performedusing a word processing application 125. For example, a “Writing” tab215 is associated with functionality that may be utilized for performingwriting tasks. An “Insert” tab 220 is associated with functionalityassociated with performing insert operations or tasks. A “Page Layout”tab 230 is associated with functionality provided by the associatedapplication for performing or editing page layout attributes of a givendocument.

As should be appreciated, many other task-based tabs or selectablecontrols may be added to the tab section of the user interface forcalling functionality associated with other tasks. For example, tasktabs may be added for text effects, document styles, review and comment,and the like. And, as described above, the user interface 200 may beutilized for a variety of different software applications. For example,if the user interface 200 is utilized for a slide presentationapplication, tabs contained in the tab section may include such tabs as“Create Slides,” “Insert,” “Format,” “Drawing,” “Effects,” and the likeassociated with a variety of tasks that may be performed by a slidepresentation application. Similarly, tabs that may be utilized in thetab section of the user interface 200 for a spreadsheet application 140may include such tabs as “Data” or “Data Entry,” “Lists,” “PivotTables,” “Analysis,” “Formulas,” “Pages and Printing,” and the likeassociated with tasks that may be performed using a spreadsheetapplication.

Immediately beneath the generic controls section 210 and the task-basedtab section is a selectable functionality control section for displayingselectable functionality controls associated with a selected tab 215,220, 230 from the task-based tab section. According to embodiments ofthe present invention, when a particular tab, such as the “Writing” tab215 is selected, selectable functionality available from the associatedsoftware application for performing the selected task, for example awriting task, is displayed in logical groupings. For example, referringto FIG. 2, a first logical grouping 240 is displayed under a heading“Clipboard.” According to embodiments of the present invention, theclipboard section 240 includes selectable functionality controlslogically grouped together and associated with clipboard actionsunderneath the general task of writing. For example, the clipboardsection 240 may include such selectable controls as a cut control, acopy control, a paste control, a select all control, etc. Adjacent tothe clipboard section 240, a second logical grouping 250 is presentedunder the heading “Formatting.”

Selectable controls presented in the “Formatting” section 250 mayinclude such selectable controls as text justification, text type, fontsize, line spacing, boldface, italics, underline, etc. Accordingly,functionalities associated with formatting operations are logicallygrouped together underneath the overall task of “Writing.” A thirdlogical grouping 260 is presented under the heading “Writing Tools.” Thewriting tools section 260 includes such writing tools as find/replace,autocorrect, etc. According to embodiments of the present invention,upon selection of a different task-based tab from the tab section, adifferent set of selectable functionality controls in different logicalgroupings is presented in the user interface 200 associated with theselected task-based tab. For example, if the “Insert” task tab 220 isselected, the selectable functionality controls presented in the userinterface 200 are changed from those illustrated in FIG. 2 to includeselectable functionality controls associated with the insert task. Fordetailed information regarding the user interface 200, illustrated inFIG. 2, see U.S. patent application, Attorney Matter No. 60001.0410USU1,Applicant Matter No. 309411.01, entitled “Command User Interface forDisplaying Selectable Software Functionality Controls,” which isincorporated herein by reference as if fully set out herein.

FIG. 3 illustrates the user interface 200 utilized in accordance with aslide presentation application 135. According to the example userinterface 200 illustrated in FIG. 3, the “Page Layout” tab 230 isselected for displaying one or more logical groupings of selectablefunctionality controls for applying functionality to a selected objector document under a page layout task. In accordance with embodiments ofthe present invention, selection of the “Page Layout” tab 230 causes thepresentation of a number of images 310, 320 representative of formattingoptions combinations that may be applied to the selected document. Thatis, a gallery of images is presented to the user where each imagerepresents the way in which the selected document or object will beformatted if the formatting options combination illustrated by a givenimage is applied to the selected document or object.

As described above, a gallery of images such as those illustrated anddescribed herein may be launched for use by selecting a task-based tab,for example the “Page Layout” tab described above. Alternatively, agallery of images may be launched for use by selecting an object in adocument. According to another embodiment, a gallery of images describedherein may be launched in response to inserting an object into adocument. For example, if a table object is inserted into a document, agallery of images showing formatting options combinations that may beapplied to table objects may be automatically launched to provide a userwith a number of potential formatting options that may be automaticallyapplied to the table object as described herein. In addition, a galleryof images as described herein may apply to an implied selection, forexample a whole document, slide, spreadsheet and the like, as opposed toa specific selection, for example a particular area of a document,slide, spreadsheet or other or to a specific object contained therein.

According to embodiments of the present invention, all commandsnecessary for applying a given formatting options combination to aselected document or object are executed by selecting the associateddisplayed image from the user interface 200. That is, if the user seesan image in the gallery of images in the user interface 200 that isrepresentative of formatting options the user desires to have applied toa selected document or object, the user may select the desired image,and the formatting options combination is automatically applied to theselected document or object. For example, if the user is preparing aslide using a slide presentation application, or if the user is typing aletter or memorandum using a word processing application, the user mayselect the “Page Layout” tab 230 to display a gallery of images showingpotential page layout formatting options. If the user sees a particularimage in the gallery of images that prescribes a page layout of “alltext centered,” for example, the user may select that image, and allrequired commands necessary for formatting the user's documentaccordingly are executed on the selected document. Thus, the user is notrequired to search one or more formatting menus for commands necessaryfor formatting the document or object. The functionality according tothe present invention is particularly helpful when formatting a desireddocument or object requires a complex series of formatting commands inorder to create the desired formatting.

According to embodiments of the present invention, the images comprisingthe gallery of images, described herein, may be static imagesillustrating an example of how an object formatted according to aselected image will be displayed. Alternatively, the gallery of imagesmay be comprised of one or more dynamically produced images showing howthe actual selected object or document will be displayed upon selectionof a given image. For example, a static representation may show ageneric image, such as a generic picture, rotated, shaded, or otherwiseformatted according to a set of options, which, if selected, will applyto a selected object. On the other hand, a dynamic image may be in theform of a bitmap generated and displayed of the actual object selectedby the user from the user's document with the formatting optionscombination applied. For example, if a picture image in a user'sdocument is a picture of the user's family pet, a dynamic image showingrotation of the picture 90° will show a bitmap image of the user'sactual family pet shown in a 90° rotation. A static image, on the otherhand, may show a canned picture image such as a landscape image orclipart image rotated according to the formatting options associatedwith the image.

The illustrations and descriptions provided below, with respect to FIGS.4 through 10, show application of embodiments of the present inventionwith respect to picture objects. As should be understood by thoseskilled in the art, the illustrations provided with respect to FIGS. 4through 10 are for purposes of example only and do not limit applicationof embodiments of the present invention with respect to other types offormatting options combinations. That is, formatting optionscombinations may be illustrated for any type of formatting options thatmay be applied to selected documents or objects. For example, formattingoptions combinations may be illustrated in a gallery of images for textformatting options, including fonts, text justification, text size, textcoloring, and the like. Likewise, formatting options combinations may beillustrated in a gallery of images for various desktop publishingdocuments, including advertisement flyers, news articles, businessdocuments, and the like. Indeed, any formatting options combinationapplicable to any document or object may be illustrated in an image in agallery of images, and all commands necessary for applying theformatting options combination to a document or document object may be“rolled up” and executed by selection of the formatting optionscombination image. Moreover, the images presented in a gallery of imagesmay include information about formatting options combinations associatedwith given images. For example, a given image may include textdescriptions. That is, a gallery of images may include one or moreindividual text descriptions that describes one or more formattingoptions combinations that may be applied to a selected or insertedobject.

According to embodiments of the present invention, the gallery of imagesmay be presented as an “in-ribbon” gallery of images disposedhorizontally within the ribbon-shaped user interface 200, as illustratedin FIG. 3. Referring to FIG. 4, components of an “in-ribbon” gallery ofimages are illustrated. The in-ribbon gallery of images includes a titlebar 410 for identifying the nature of the gallery of images. A gallerytitle 420 identifies the type of images displayed in the gallery ofimages and a gallery filter 430 identifies one or more subsets of thegallery of images that is displayed to the user. For example, thegallery filter 430 may describe the images displayed to the user as allimages, most used images, my images, and the like. A large thumbnailpreview 460 is illustrated in FIG. 4 for allowing the user to focus on agiven image without applying the formatting options combination of theimage to a selected object or document so that the user may see apreview of attributes of the image. The scroll buttons 470 may beutilized in the “in-ribbon” gallery of images where more images areavailable than may be displayed in the user interface 200 based onavailable space. Accordingly, the scroll buttons 470 allow the user toscroll through all available images before selecting a particular image.The current selection 450 shows a highlighted image representative ofthe formatting options combination that is presently applied to theselected object or document.

According to an embodiment of the invention, an expanded “in-ribbon”gallery of images may be displayed upon selection of a control such asthe “Resizing Button” illustrated in FIG. 4. Selection of the “ResizingButton” may expand the gallery of images for displaying additionalimages. Upon expansion of the gallery, it may be displayed such that thegallery extends down and out of the user interface 200 to make room foradditional selectable controls (images) similar to the expanded galleryillustrated in FIG. 7 (described below).

As shown in FIG. 5, a “drop-down” gallery of images is illustrated.According to a drop-down gallery of images, the gallery of images is notdisplayed within the ribbon-shaped user interface 500, but the galleryof images is displayed horizontally below the user interface 500.According to embodiments of the present invention, a drop-down galleryof images may be utilized when selection of a given task-based tab, suchas the “Style Gallery” tab 510, results in the presentation of multipletypes of formatting options combinations that may be applied to theselected document or object. For example, referring to FIG. 5, selectionof the “Style Gallery” tab 510 results in the presentation of a “PictureStyles” section 505, a “Picture Borders” section, and a “Get MoreStyles” section. Advantageously, display of the gallery of images belowthe user interface 500 allows the user to browse the gallery of imageswithout being obstructed from viewing other potential selectablecontrols associated with the selected top-level task-based tabs 510,515, 520. As illustrated in FIG. 6, the drop-down version of the galleryof images is similar to the in-ribbon gallery of images but for itsdisplay beneath the user interface 200, 500.

Referring now to FIG. 7, an expanded drop-down gallery of images may bedisplayed where multiple types of images responsive to the selectedgallery of images may be displayed in a single drop-down gallery ofimages. For example, the drop-down gallery of images illustrated in FIG.7 shows a “Most Frequently Used” gallery of images 730, a “My Favorites”gallery of images 740, and an “Other Picture Styles” gallery of images750.

Referring now to FIG. 8, a visual picker gallery of images is displayed.A visual picker gallery of images drops down from the ribbon-shaped userinterface 500. The visual picker gallery of images may be used asdescribed above to “roll up” a common set of formatting commands oroptions and to provide a visual, easy-to understand representation ofcommon formatting options that may be otherwise difficult to select by agiven user. The visual picker gallery of images is similar to the“in-ribbon” and “drop-down” gallery of images described above in thatthe images may be static images or the images may be live images thatmay be dynamically altered based on user input and based on the actualselected object to which the images apply. After selection of atask-based tab 510, 515, 520, the plurality of selectable functionalitycontrols 810 are displayed in the user interface 500. For example, asillustrated in FIG. 8, a “Rotate Picture” control, a “Picture Borders”control and a “Get More Styles” control are displayed in the userinterface 500. If the user has an embedded picture object in a selecteddocument and the user desires to rotate the selected picture object, theuser may select the “Rotate Picture” control 810 to launch the visualpicker gallery of images 820. As shown in the drop-down gallery ofimages, a variety of picture rotation options are provided to the user.For example, a “No Rotation” option 825, a “Rotate Left 900” option 830,and a “Rotate 180°” option 840 are provided. Other options include “FlipVertically” and “Flip Horizontally.” As shown at the bottom of drop-downgallery of images 820, a “More Rotate Options” button is provided toallow the user to select additional images for application to a selectedpicture object.

As described herein, each image is associated with a set of formattingoptions and commands such that selection of any of the images causes theassociated formatting options and commands to automatically be executedon the selected object. For example, if the user desires to rotate theselected object 180° from its present orientation, the user may selectthe “Rotate 180°” image 840 to automatically cause the selected objectto be rotated 180°. Advantageously, because the gallery of imagesprovides a visual representation of the result of applying a set offormatting options to the selected object, the user knows in advance theeffect of applying the associated formatting options combination to theselected object or document. Accordingly, the user is not required tosearch through a variety of formatting options menus to determine theeffect of different formatting options combinations on a selected objectby trial and error.

Referring to FIG. 9, components of the visual picker gallery of imagesare illustrated. The “Rotate Picture” control 810 illustrates aselectable functionality control displayed in the user interface 500upon selection of a given task-based tab. The images 930, 940, 950, 960illustrate static or dynamic representations of application of a givenset of formatting options to a selected object. The descriptive text910, 920 provides descriptive information to the user regarding thenature of the formatting options combination applied to the illustratedimage. As described above, the “More Rotate Options” button 970 isillustrative of a button that may be disposed in the drop-down galleryof images for selecting additional potential formatting optionscombinations not displayed with the initial display of images.

Referring to FIG. 10, selection of a given task-based tab 510, 515, 520may cause a presentation of multiple galleries of images hosted in asingle selectable functionality control section 1010. For example, theselectable functionality control section 1010 includes three individualgalleries hosted under a section headed “Picture Effects.” If the userdesires to first apply formatting options combinations associated withone of the hosted galleries, the user may select the hosted gallery tocause a drop-down gallery of images, as illustrated in FIGS. 5 and 6, tobe displayed beneath the user interface 500. The user may then select tohave formatting options combinations provided thereby to a selectedobject or document. If the user next decides to apply formatting optionscombinations associated with one of the other hosted galleries, forexample the “Shading” Gallery, the user may select the “Shading Gallery”to display a drop-down gallery of images showing different formattingoptions combinations associated with shading a selected object ordocument.

Referring now to FIG. 11, according to an alternative embodiment of thepresent invention, a gallery of images may be hosted in a modal ormodeless dialog 1110 that may be displayed on the user's computerdisplay screen over a document or object. As shown in FIG. 11, aplurality of images 1120, 1130 may be displayed in the gallery of imageshosted in the dialog to allow a user to select a given image forapplication to a selected document or object, as described herein. Theimage 1140 is illustrative of a larger preview image for showingapplication of a given formatting options combination to a selecteddocument or object. Additionally, a drop-down gallery of images, asdescribed above with reference to FIG. 5, may be displayed under oradjacent to or otherwise in response to a selection of a given image orcontrol in the dialog. For example, a given image contained in thedialog 1110 may be representative of a number of formatting optionscombinations that may be applied to a document or object. Selection ofsuch an image may cause the display of a drop-down menu hosting a one ormore images representing application of the available formatting optionscombinations.

FIG. 12 illustrates the presentation of a drop-down gallery of images1200 that is dropped beneath a user interface 200 utilized by a wordprocessing application 125. As illustrated in FIG. 12, “Page Layout”task-based tab 230 is selected so that one or more selectablefunctionality controls groupings are displayed in the user interface 200for applying functionality to a selected document or object inassociation with a page layout task. Under the selectablefunctionalities control section headed “Header & Footer,” a “Templates”control 1208 is provided. Selection of the templates control 1208 causesa drop-down gallery of images 1200 to be displayed to present to a userone or more images showing application of selected formatting optionscombinations to a document. If the user determines that one of theformatting options images is desirable, the user may select the desiredimage, and all formatting options commands necessary for applying thedesired formatting options combination to the selected document orobject are executed.

As described herein, an improved user interface for displaying a galleryof images showing application of different formatting optionscombinations applicable to a selected object or document is provided. Itwill be apparent to those skilled in the art that various modificationsor variations may be made in the present invention without departingfrom the scope or spirit of the invention. Other embodiments of theinvention will be apparent to those skilled in the art fromconsideration of the specification and practice of the inventiondisclosed herein.

1.-20. (canceled)
 21. A method for providing a gallery of formattingoptions, the method comprising: providing a gallery of formattingcontrols associated with editing an image, wherein each of theformatting controls contained in the gallery of formatting controls isassociated with formatting attributes configured to be applied to theimage; displaying, in the gallery of formatting controls, a visualrepresentation for each of the formatting controls, each visualrepresentation illustrating how the image will be formatted if theformatting attributes associated with a corresponding one of theformatting controls are applied to the image, wherein the visualrepresentation depicts a modification of a representative image bychanging at least one of: a border of the representative image, anorientation of the representative image, or an effect applied to therepresentative image; receiving an indication of focus on a formattingcontrol of the gallery of formatting controls; and in response toreceiving the indication of focus, dynamically editing the formattingattributes associated with the focused on formatting control to theimage.
 22. The method of claim 21, further comprising: receiving anindication that the focus on the formatting control has ceased; andundoing, in response to the received indication, the editing of theformatting attributes to the image.
 23. The method of claim 21, furthercomprising: receiving a selection of the formatting control; andapplying, in response to the received selection, the formattingattributes associated with the corresponding one of the formattingcontrols that was selected.
 24. The method of claim 21, wherein theimage is selected.
 25. The method of claim 21, wherein displaying thevisual representation for each of the formatting controls comprisesdisplaying a generic representation of how the formatting attributesassociated with the corresponding one of the formatting controls isapplied.
 26. The method of claim 21, wherein the representative image isa generic image.
 27. The method of claim 21, wherein the representativeimage is the image.
 28. The method of claim 21, wherein the orientationof the representative image is a rotating of the image.
 29. The methodof claim 21, wherein providing the gallery of formatting controlscomprises displaying the gallery of formatting controls in response toat least one of the following: a user interface tab selection; aninsertion of an image document object into a document; and a userselection of the image.
 30. The method of claim 21, wherein displayingthe visual representation for each of the formatting controls isperformed temporarily.
 31. A system for providing a gallery offormatting options in an improved user interface, the system comprising:a memory storage device; and a processing unit coupled to the memorystorage device, the processing unit being operative to: provide agallery of formatting controls associated with editing an image, whereineach of the formatting controls contained in the gallery of formattingcontrols is associated with formatting attributes configured to beapplied to the image; display, in the gallery of formatting controls, avisual representation of the image for each of the formatting controls,each visual representation illustrating how the image will be formattedif the formatting attributes associated with a corresponding one of theformatting controls are applied to the image, wherein the visualrepresentation depicts a modification of the image by changing at leastone of: a border of the image, an orientation of the image, or an effectapplied to the image; receive an indication of focus on a formattingcontrol of the gallery of formatting controls; and in response toreceiving the indication of focus, dynamically edit the formattingattributes associated with the focused on formatting control to theimage in a body of an application.
 32. The system of claim 31, theprocessing unit being further operative to: receive an indication thatthe focus on the formatting control has ceased; and undo, in response tothe received indication, the editing of the formatting attributes to theimage in the body of the application.
 33. The system of claim 31, theprocessing unit being further operative to: receive a selection of oneof the formatting controls; and apply, in response to the receivedselection, the formatting attributes associated with the correspondingone of the formatting controls as selected to the image in the body ofthe application.
 34. The system of claim 33, wherein apply theformatting attributes associated with the corresponding one of theformatting controls as selected comprises causing an execution of aplurality of formatting commands associated with a selected formattingcontrol.
 35. The system of claim 31, wherein provide the formattingcontrols comprises displaying the gallery of formatting options inresponse to at least one of the following: a user interface tabselection; an insertion of the image into a document; and a userselection of the image.
 36. A system for providing a gallery offormatting options in an improved user interface, the system comprising:a memory storage device; and a processing unit coupled to the memorystorage device, the processing unit being operative to: provide agallery of formatting controls associated with editing an image, whereineach of the formatting controls contained in the gallery of formattingcontrols is associated with formatting attributes configured to beapplied to the image; display, in the gallery of formatting controls, avisual representation for each of the formatting controls, each visualrepresentation illustrating how the image will be formatted if theformatting attributes associated with a corresponding one of theformatting controls are applied to the image, wherein the visualrepresentation depicts a modification of a representative image bychanging at least one of: a border of the representative image, anorientation of the representative image, or an effect applied to therepresentative image; receive an indication of focus on a formattingcontrol of the gallery of formatting controls; and in response toreceiving the indication of focus, dynamically edit the formattingattributes associated with the focused on formatting control to theimage.
 37. The system of claim 36, wherein the representative image isthe image.
 38. The system of claim 36, wherein the processing unit isfurther operative to: wherein dynamically edit the image comprisescreating a thumbnail preview of the image; receive an indication thatthe focus on the formatting control has ceased; and remove, in responseto the received indication, the thumbnail preview.
 39. The system ofclaim 36, wherein the processing unit is further operative to: receive aselection of one of the formatting controls; and apply, in response tothe received selection, the formatting attributes associated with thecorresponding one of the formatting controls as selected to the image.40. The system of claim 36, wherein the representative image is ageneric image.